<div class="row-content am-cf">
    <div class="row">
        <div class="am-u-sm-12 am-u-md-12 am-u-lg-12">
            <div class="widget am-cf">
                <div class="widget-head am-cf">
                    <div class="widget-title am-fl">新增过户信息</div>
                    <div class="widget-function am-fr">
                        <a href="javascript:;" class="am-icon-cog"></a>
                    </div>
                </div>
                <div class="widget-body am-fr">
                    <form class="am-form tpl-form-line-form" id="transferLicenseForm" method="post" enctype="multipart/form-data">
                        <!--申请人姓名(registerName)-->
                        <div class="am-form-group">
                            <label for="registerName" class="am-u-sm-2 am-form-label">申请人姓名
                                <span class="tpl-form-line-small-title">RegisterName</span>
                            </label>
                            <div class="am-u-sm-10">
                                <input type="text" id="registerName" class="tpl-form-input" placeholder="请输入" name="registerName" th:value="${record != null and record.registerName != null} ? ${record.registerName} : ''"/>
                            </div>
                        </div>
                        <!--申请单位(userType)-->
                        <div class="am-form-group">
                            <label for="userType" class="am-u-sm-2 am-form-label">申请单位
                                <span class="tpl-form-line-small-title">UserType</span>
                            </label>
                            <div class="am-u-sm-10">
                                <div id="userType" class="am-form-group">
                                    <input type="radio" th:checked = "${record != null and record.userType != null and record.userType == '0'}" class="am-form-group" name="userType" value="0">个人</input>
                                    <input type="radio" th:checked = "${record != null and record.userType != null and record.userType == '1'}" class="am-form-group" name="userType" value="1">企业</input>
                                </div>
                            </div>
                        </div>
                        <!--企业联系人(corporateContacts)-->
                        <div class="am-form-group">
                            <label for="corporateContacts" class="am-u-sm-2 am-form-label">企业联系人
                                <span class="tpl-form-line-small-title">CorporateContacts</span>
                            </label>
                            <div class="am-u-sm-10">
                                <input type="text" id="corporateContacts" class="tpl-form-input" placeholder="请输入" name="corporateContacts" th:value="${record != null and record.corporateContacts != null} ? ${record.corporateContacts} : ''"/>
                            </div>
                        </div>
                        <!--申请人配偶姓名(spouseName)-->
                        <div class="am-form-group">
                            <label for="spouseName" class="am-u-sm-2 am-form-label">配偶姓名
                                <span class="tpl-form-line-small-title">SpouseName</span>
                            </label>
                            <div class="am-u-sm-10">
                                <input type="text" id="spouseName" class="tpl-form-input" placeholder="请输入" name="spouseName" th:value="${record != null and record.spouseName != null} ? ${record.spouseName} : ''"/>
                            </div>
                        </div>
                        <!--申请人配偶身份证号(spouseIdentification)-->
                        <div class="am-form-group">
                            <label for="spouseIdentification" class="am-u-sm-2 am-form-label">配偶身份证号
                                <span class="tpl-form-line-small-title">SpouseIdentification</span>
                            </label>
                            <div class="am-u-sm-10">
                                <input type="text" id="spouseIdentification" class="tpl-form-input" placeholder="请输入" name="spouseIdentification" th:value="${record !=null and record.spouseIdentification != null} ? ${record.spouseIdentification} : ''"/>
                            </div>
                        </div>
                        <!--申请人配偶电话号码(spousePhone)-->
                        <div class="am-form-group">
                            <label for="registerName" class="am-u-sm-2 am-form-label">配偶电话号码
                                <span class="tpl-form-line-small-title">SpousePhone</span>
                            </label>
                            <div class="am-u-sm-10">
                                <input type="text" id="spousePhone" class="tpl-form-input" placeholder="请输入" name="spousePhone" th:value="${record !=null and record.spousePhone != null} ? ${record.spousePhone} : ''"/>
                            </div>
                        </div>
                        <!--有效通信地址(address)-->
                        <div class="am-form-group">
                            <label for="address" class="am-u-sm-2 am-form-label">有效通信地址
                                <span class="tpl-form-line-small-title">Address</span>
                            </label>
                            <div class="am-u-sm-10">
                                <input type="text" id="address" class="tpl-form-input" placeholder="请输入" name="address" th:value="${record !=null and record.address != null} ? ${record.address} : ''"/>
                            </div>
                        </div>
                        <!--申请人电话(registerPhone)-->
                        <div class="am-form-group">
                            <label for="registerPhone" class="am-u-sm-2 am-form-label">申请人电话
                                <span class="tpl-form-line-small-title">RegisterPhone</span>
                            </label>
                            <div class="am-u-sm-10">
                                <input type="text" id="registerPhone" class="tpl-form-input" placeholder="请输入" name="registerPhone" th:value="${record !=null and record.registerPhone != null} ? ${record.registerPhone} : ''"/>
                            </div>
                        </div>
                        <!--申请人身份证号/企业代码(identification)-->
                        <div class="am-form-group">
                            <label for="identification" class="am-u-sm-2 am-form-label">申请人身份证号/企业代码
                                <span class="tpl-form-line-small-title">Identification</span>
                            </label>
                            <div class="am-u-sm-10">
                                <input type="text" id="identification" class="tpl-form-input" placeholder="请输入" name="identification" th:value="${record !=null and record.identification != null} ? ${record.identification} : ''"/>
                            </div>
                        </div>
                        <!--转入申请人/企业名称(changeIntoName)-->
                        <div class="am-form-group">
                            <label for="changeIntoName" class="am-u-sm-2 am-form-label">转入申请人/企业名称
                                <span class="tpl-form-line-small-title">ChangeIntoName</span>
                            </label>
                            <div class="am-u-sm-10">
                                <input type="text" id="changeIntoName" class="tpl-form-input" placeholder="请输入" name="changeIntoName"/>
                            </div>
                        </div>
                        <!--转入申请人身份证/企业代码(changeIntoIdentification)-->
                        <div class="am-form-group">
                            <label for="changeIntoIdentification" class="am-u-sm-2 am-form-label">转入申请人身份证/企业代码
                                <span class="tpl-form-line-small-title">ChangeIntoIdentification</span>
                            </label>
                            <div class="am-u-sm-10">
                                <input type="text" id="changeIntoIdentification" class="tpl-form-input" placeholder="请输入" name="changeIntoIdentification"/>
                            </div>
                        </div>
                        <!--转入单位(changeIntoUserType)-->
                        <div class="am-form-group">
                            <label for="changeIntoUserType" class="am-u-sm-2 am-form-label">转入单位
                                <span class="tpl-form-line-small-title">ChangeIntoUserType</span>
                            </label>
                            <div class="am-u-sm-10">
                                <div id="changeIntoUserType" class="am-form-group">
                                    <input type="radio" class="am-form-group" name="changeIntoUserType" value="0">个人</input>
                                    <input type="radio" class="am-form-group" name="changeIntoUserType" value="1">企业</input>
                                </div>
                            </div>
                        </div>
                        <!--转入企业联系人(changeIntoCorporateContacts)-->
                        <div class="am-form-group">
                            <label for="changeIntoCorporateContacts" class="am-u-sm-2 am-form-label">转入企业联系人
                                <span class="tpl-form-line-small-title">ChangeIntoCorporateContacts</span>
                            </label>
                            <div class="am-u-sm-10">
                                <input type="text" id="changeIntoCorporateContacts" class="tpl-form-input" placeholder="请输入" name="changeIntoCorporateContacts" />
                            </div>
                        </div>
                        <!--转入人有效联系地址(changeIntoAddress)-->
                        <div class="am-form-group">
                            <label for="changeIntoAddress" class="am-u-sm-2 am-form-label">转入人有效联系地址
                                <span class="tpl-form-line-small-title">ChangeIntoAddress</span>
                            </label>
                            <div class="am-u-sm-10">
                                <input type="text" id="changeIntoAddress" class="tpl-form-input" placeholder="请输入" name="changeIntoAddress" />
                            </div>
                        </div>
                        <!--转入人联系电话(changeIntoPhone)-->
                        <div class="am-form-group">
                            <label for="changeIntoPhone" class="am-u-sm-2 am-form-label">转入人联系电话
                                <span class="tpl-form-line-small-title">ChangeIntoPhone</span>
                            </label>
                            <div class="am-u-sm-10">
                                <input type="text" id="changeIntoPhone" class="tpl-form-input" placeholder="请输入" name="changeIntoPhone" />
                            </div>
                        </div>
                        <!--设备品牌(identification)-->
                        <div class="am-form-group">
                            <label for="deviecBrand" class="am-u-sm-2 am-form-label">设备品牌
                                <span class="tpl-form-line-small-title">DeviecBrand</span>
                            </label>
                            <div class="am-u-sm-10">
                                <input type="text" id="deviecBrand" class="tpl-form-input" placeholder="请输入" name="deviecBrand" th:value="${record !=null and record.deviecBrand != null} ? ${record.deviecBrand} : ''"/>
                            </div>
                        </div>
                        <!--机械类型(machineryType)-->
                        <div class="am-form-group">
                            <label for="machineryType" class="am-u-sm-2 am-form-label">机械类型
                                <span class="tpl-form-line-small-title">MachineryType</span>
                            </label>
                            <div class="am-u-sm-10">
                                <select class="tpl-form-input"  name="machineryType" id="machineryType">
                                    <option value=''>---请选择---</option>
                                    <option value= "1" th:selected = "${record !=null and record.machineryType != null and record.machineryType == '1'}">挖掘机</option>
                                    <option value= "2" th:selected = "${record !=null and record.machineryType != null and record.machineryType == '2'}">装载机</option>
                                    <option value= "3" th:selected = "${record !=null and record.machineryType != null and record.machineryType == '3'}">矿用自卸车</option>
                                    <option value= "4" th:selected = "${record !=null and record.machineryType != null and record.machineryType == '4'}">推土机</option>
                                    <option value= "5" th:selected = "${record !=null and record.machineryType != null and record.machineryType == '5'}">压路机</option>
                                    <option value= "6" th:selected = "${record !=null and record.machineryType != null and record.machineryType == '6'}">平地机</option>
                                    <option value= "7" th:selected = "${record !=null and record.machineryType != null and record.machineryType == '7'}">混凝土机械</option>
                                    <option value= "8" th:selected = "${record !=null and record.machineryType != null and record.machineryType == '8'}">桩工机械</option>
                                    <option value= "9" th:selected = "${record !=null and record.machineryType != null and record.machineryType == '9'}">凿岩机械</option>
                                </select>
                            </div>
                        </div>
                        <!--设备型号(plateSubject)-->
                        <div class="am-form-group">
                            <label for="plateSubject" class="am-u-sm-2 am-form-label">设备型号
                                <span class="tpl-form-line-small-title">PlateSubject</span>
                            </label>
                            <div class="am-u-sm-10">
                                <input type="text" id="plateSubject" class="tpl-form-input" placeholder="请输入" name="plateSubject" th:value="${record !=null and record.plateSubject != null} ? ${record.plateSubject} : ''" />
                            </div>
                        </div>
                        <!--发动机型号(engineSubject)-->
                        <div class="am-form-group">
                            <label for="engineSubject" class="am-u-sm-2 am-form-label">发动机型号
                                <span class="tpl-form-line-small-title">EngineSubject</span>
                            </label>
                            <div class="am-u-sm-10">
                                <input type="text" id="engineSubject" class="tpl-form-input" placeholder="请输入" name="engineSubject" th:value="${record !=null and record.engineSubject != null} ? ${record.engineSubject} : ''" />
                            </div>
                        </div>
                        <!--机械颜色(machineryColour)-->
                        <div class="am-form-group">
                            <label for="machineryColour" class="am-u-sm-2 am-form-label">机械颜色
                                <span class="tpl-form-line-small-title">MachineryColour</span>
                            </label>
                            <div class="am-u-sm-10">
                                <input type="text" id="machineryColour" class="tpl-form-input" placeholder="请输入" name="machineryColour" th:value="${record !=null and record.machineryColour != null} ? ${record.machineryColour} : ''" />
                            </div>
                        </div>
                        <!--功率(power)-->
                        <div class="am-form-group">
                            <label for="power" class="am-u-sm-2 am-form-label">功率（kw）
                                <span class="tpl-form-line-small-title">Power</span>
                            </label>
                            <div class="am-u-sm-10">
                                <input type="text" id="power" class="tpl-form-input" placeholder="请输入" name="power" th:value="${record !=null and record.power != null} ? ${record.power} : ''" />
                            </div>
                        </div>
                        <!--发动机编号(enginePlateNum)-->
                        <div class="am-form-group">
                            <label for="enginePlateNum" class="am-u-sm-2 am-form-label">发动机编号
                                <span class="tpl-form-line-small-title">EnginePlateNum</span>
                            </label>
                            <div class="am-u-sm-10">
                                <input type="text" id="enginePlateNum" class="tpl-form-input" placeholder="请输入" name="enginePlateNum" th:value="${record !=null and record.enginePlateNum != null} ? ${record.enginePlateNum} : ''" />
                            </div>
                        </div>
                        <!--厂商类型(productionType)-->
                        <div class="am-form-group">
                            <label for="productionType" class="am-u-sm-2 am-form-label">厂商类型
                                <span class="tpl-form-line-small-title">ProductionType</span>
                            </label>
                            <div class="am-u-sm-10">
                                <div class="am-form-group" id="productionType">
                                    <input type="radio" class="am-form-group" name="productionType" value="0" th:checked = "${record !=null and record.productionType != null and record.productionType == '0'}">国产</input>
                                    <input type="radio" class="am-form-group" name="productionType" value="1" th:checked = "${record !=null and record.productionType != null and record.productionType == '1'}">合资</input>
                                    <input type="radio" class="am-form-group" name="productionType" value="2" th:checked = "${record !=null and record.productionType != null and record.productionType == '2'}">进口</input>
                                </div>
                            </div>
                        </div>
                        <!--行走方式(maneuver)-->
                        <div class="am-form-group">
                            <label for="maneuver" class="am-u-sm-2 am-form-label">厂商类型
                                <span class="tpl-form-line-small-title">Maneuver</span>
                            </label>
                            <div class="am-u-sm-10">
                                <div class="am-form-group" id="maneuver">
                                    <input type="radio" class="am-form-group" name="maneuver" value="0" th:checked = "${record !=null and record.maneuver != null and record.maneuver == '0'}" >轮式</input>
                                    <input type="radio" class="am-form-group" name="maneuver" value="1" th:checked = "${record !=null and record.maneuver != null and record.maneuver == '1'}" >履带</input>
                                </div>
                            </div>
                        </div>
                        <!--设备产地(productionAddress)-->
                        <div class="am-form-group">
                            <label for="productionAddress" class="am-u-sm-2 am-form-label">设备产地
                                <span class="tpl-form-line-small-title">ProductionAddress</span>
                            </label>
                            <div class="am-u-sm-10">
                                <input type="text" id="productionAddress" class="tpl-form-input" placeholder="请输入" name="productionAddress" th:value="${record !=null and record.productionAddress != null} ? ${record.productionAddress} : ''" />
                            </div>
                        </div>
                        <!--出厂日期(dateOfProduction)-->
                        <div class="am-form-group">
                            <label for="dateOfProduction" class="am-u-sm-2 am-form-label">出厂日期
                                <span class="tpl-form-line-small-title">DateOfProduction</span>
                            </label>
                            <div class="am-u-sm-10">
                                <input type="text" id="dateOfProduction" class="form-control validate[required]" onfocus="WdatePicker({dateFmt:'yyyy-MM-dd'})" name="dateOfProduction" placeholder="请选择日期" th:value="${record !=null and record.dateOfProduction != null} ? ${#dates.format(record.dateOfProduction, 'yyyy-MM-dd')} : ''" />
                                <div class="input-group-btn">
                                </div>
                            </div>
                        </div>
                        <!--购买时间(resBuyDate)-->
                        <div class="am-form-group">
                            <label for="resBuyDate" class="am-u-sm-2 am-form-label">购买时间
                                <span class="tpl-form-line-small-title">ResBuyDate</span>
                            </label>
                            <div class="am-u-sm-10">
                                <input type="text" id="resBuyDate" class="form-control validate[required]" onfocus="WdatePicker({dateFmt:'yyyy-MM-dd'})" name="resBuyDate" placeholder="请选择日期" th:value="${record !=null and record.resBuyDate != null} ? ${#dates.format(record.resBuyDate, 'yyyy-MM-dd')} : ''" />
                                <div class="input-group-btn">
                                </div>
                            </div>
                        </div>
                        <!--工作时长(workTime)-->
                        <div class="am-form-group">
                            <label for="workTime" class="am-u-sm-2 am-form-label">工作时长
                                <span class="tpl-form-line-small-title">WorkTime</span>
                            </label>
                            <div class="am-u-sm-10">
                                <input type="text" id="workTime" class="tpl-form-input" placeholder="请输入" name="workTime" th:value="${record !=null and record.workTime != null} ? ${record.workTime} : ''" />
                            </div>
                        </div>
                        <!--燃料类型(fuel)-->
                        <div class="am-form-group">
                            <label for="fuel" class="am-u-sm-2 am-form-label">燃料类型
                                <span class="tpl-form-line-small-title">Fuel</span>
                            </label>
                            <div class="am-u-sm-10">
                                <div class="am-form-group" id="fuel">
                                    <input type="radio" class="am-form-group" name="fuel" value="0" th:checked = "${record !=null and record.fuel != null and record.fuel == '0'}" >柴油</input>
                                    <input type="radio" class="am-form-group" name="fuel" value="1" th:checked = "${record !=null and record.fuel != null and record.fuel == '1'}" >汽油</input>
                                    <input type="radio" class="am-form-group" name="fuel" value="2" th:checked = "${record !=null and record.fuel != null and record.fuel == '2'}" >天然气</input>
                                </div>
                            </div>
                        </div>
                        <!--设备重量(weight)-->
                        <div class="am-form-group">
                            <label for="weight" class="am-u-sm-2 am-form-label">设备重量(T)
                                <span class="tpl-form-line-small-title">Weight</span>
                            </label>
                            <div class="am-u-sm-10">
                                <input type="text" id="weight" class="tpl-form-input" placeholder="请输入" name="weight" th:value="${record !=null and record.weight != null} ? ${record.weight} : ''" />
                            </div>
                        </div>
                        <!--尾气排放值(outputVolume)-->
                        <div class="am-form-group">
                            <label for="outputVolume" class="am-u-sm-2 am-form-label">尾气排放值
                                <span class="tpl-form-line-small-title">OutputVolume</span>
                            </label>
                            <div class="am-u-sm-10">
                                <input type="text" id="outputVolume" class="tpl-form-input" placeholder="请输入" name="outputVolume" th:value="${record !=null and record.outputVolume != null} ? ${record.outputVolume} : ''" />
                            </div>
                        </div>
                        <!--出厂编号(factoryNum)-->
                        <div class="am-form-group">
                            <label for="factoryNum" class="am-u-sm-2 am-form-label">出厂编号
                                <span class="tpl-form-line-small-title">FactoryNum</span>
                            </label>
                            <div class="am-u-sm-10">
                                <input type="text" id="factoryNum" class="tpl-form-input" placeholder="请输入" name="factoryNum" th:value="${record !=null and record.factoryNum != null} ? ${record.factoryNum} : ''" />
                            </div>
                        </div>
                        <!--设备牌编号(plateNum)-->
                        <div class="am-form-group">
                            <label for="plateNum" class="am-u-sm-2 am-form-label">设备牌编号
                                <span class="tpl-form-line-small-title">PlateNum</span>
                            </label>
                            <div class="am-u-sm-10">
                                <input type="text" id="plateNum" class="tpl-form-input" placeholder="请输入" name="plateNum" th:value="${record !=null and record.plateNum != null} ? ${record.plateNum} : ''" />
                            </div>
                        </div>
                        <!--申请人声明(statement)-->
                        <div class="am-form-group">
                            <label for="statement" class="am-u-sm-2 am-form-label">申请人声明
                                <span class="tpl-form-line-small-title">Statement</span>
                            </label>
                            <div class="am-u-sm-10">
                                <input type="text" id="statement" class="tpl-form-input" placeholder="请输入" name="statement" />
                            </div>
                        </div>

                        <div class="am-form-group">
                            <div class="am-u-sm-10 am-u-sm-push-2">

                                <button type="button" onclick="return doSubmit();"
                                        class="am-btn am-btn-primary tpl-btn-bg-color-success ">提交</button>
                                <button type="button" onclick="loadPage('transferLicense/listUI')"
                                        class="am-btn am-btn-success tpl-btn-bg-color-success ">返回</button>
                            </div>
                        </div>
                    </form>
                </div>
            </div>
        </div>
    </div>

</div>
<script th:inline="javascript">
    <![CDATA[
    //$('select').selected();
    validateUserForm();
    var valdater;
    function validateUserForm(){
        valdater=$('#transferLicenseForm').validate({
            errorElement : 'span',
            errorClass : 'am-icon-times',
            focusInvalid : true,
            onkeyup:false,
            ignore : "",
            rules : {
                title : {
                    required : true
                }
            },
            messages : {
                name : {
                    required : "请填写名称"
                }
            }
        });
    }

    function doSubmit(){
        if(valdater.form()){
            commit('transferLicenseForm', 'transferLicense/save', 'transferLicense/listUI');
            return true;
        }
        return false;
    }

    //initUpFileOne('upFile','coverImg','添加封面图片','');

    ]]>
</script>
<script type="text/javascript" th:src="@{/My97DatePicker/WdatePicker.js}"/>